redux saga Redux Saga redux-saga의 saga가 generator 함수를 의미한다. Thunk는 비동기액션함수를 직접 호출하는 형식이지만 Saga는 제너레이터 함수를 등록하여 이벤트 핸들러와 같은 느낌으로 지정한 액션이 호출될때 낚아챈다. generator 함수를 이용하기 때문에 테스트하기 용이하다. function* 키워드를 사용하여 만든다. effects 앞에 yield를 붙여서 실행 배열을 인자로 받고... redux sagareudxredux saga 210319_ TIL / saga 이펙트 함수 피로누적과....회사 업무로 인하여 이론 공부로 마무리 ~ 리덕스 사가 리덕스 사가 사용하는 이유 redux의 함수는 무조건 동기적으로 데이터가 흘러간다. 웹은 언제나 비동기로 사용자 경험을 높이는 것이 중요합니다. redux을 사용하면서 redux-saga도 동시에 사용함으로 비동기의 유연함도 같이 가져갈 수 있습니다. diapatch를 여러번 할 경우 컴포넌트 파일에서 dispatch로직... redux sagaredux saga [Redux] redux-saga 처음 실행된 함수만 실행되고 그다음에는 취소/경고 파일 다운로드를 연속으로 했을 때 두번째 액션 부터 취소하고 토스트 보여주어야 하는 상황 특정 액션이 연속 해서 일어났을 때 이전 액션 취소되고 가장 마지막에 실행된 액션이 실행되는 takeLatest의 경우, 처음으로 시작된 액션이 시작되는 것이 아닌 가장 마지막에 실행된 액션이 실행되는 것이기에 맞지 않음 → 처음 액션이 실행되고 그 후 액션이 취소 되어야함 작성해본 코드 ( 문제 발생 ... redux sagaredux비동기redux #10 Today I Learned - 21.01.16 mini project : Redux Movie App antd : import antd css 링크 🔗 - antd 플러그인을 사용하려면 css 파일을 직접 import 해야 한다 드디어 리액트로 만드는 첫 프로젝트를 만들어보려고 한다 주제는 예전부터 너무 하고 싶었던 영화 앱 클론하기 시작은 어렵지만 첫 발자국을 찍는다는게 정말 중요하다 어쩜 그리 겁이 나는지 다 막막해보인다ㅠ 그래도 파... mini projectredux sagareact reduxReactreduxantdredux-movie-appReact Redux-saga 사용법 기존에 Redux는 dispatch가 동기적으로 바께 수행이안된다. 백엔드에서 데이터를 store로 불러올때 동기적으로 불러오면 문제가 생길수가있다. 그래서 비동기적으로 불러올수 있는 방법이 필요했다 그래서 필요했던게 redux-saga 이다 redux-saga는 redux의 middleware이다 dispatch를 비동기적으로 수행할수있도록 도와준다. 또한 기존에 redux에서 보완하지 못... redux sagareduxredux Redux Saga Redux Saga는 Redux 사용 중에 필요한 비동기 작업을 쉽게 처리하도록 도와주는 라이브러리 select: redux 저장소에서 값을 가져올 때 사용 call: 비동기 요청 함수를 실행할 때 사용 put: redux 저장소의 값을 업데이트하는 action을 dispatch할 때 사용 take: redux의 action이 dispatch되면 saga를 실행하도록 action을 구독할 때... if kakao 2020redux sagaif kakao 2020
Redux Saga redux-saga의 saga가 generator 함수를 의미한다. Thunk는 비동기액션함수를 직접 호출하는 형식이지만 Saga는 제너레이터 함수를 등록하여 이벤트 핸들러와 같은 느낌으로 지정한 액션이 호출될때 낚아챈다. generator 함수를 이용하기 때문에 테스트하기 용이하다. function* 키워드를 사용하여 만든다. effects 앞에 yield를 붙여서 실행 배열을 인자로 받고... redux sagareudxredux saga 210319_ TIL / saga 이펙트 함수 피로누적과....회사 업무로 인하여 이론 공부로 마무리 ~ 리덕스 사가 리덕스 사가 사용하는 이유 redux의 함수는 무조건 동기적으로 데이터가 흘러간다. 웹은 언제나 비동기로 사용자 경험을 높이는 것이 중요합니다. redux을 사용하면서 redux-saga도 동시에 사용함으로 비동기의 유연함도 같이 가져갈 수 있습니다. diapatch를 여러번 할 경우 컴포넌트 파일에서 dispatch로직... redux sagaredux saga [Redux] redux-saga 처음 실행된 함수만 실행되고 그다음에는 취소/경고 파일 다운로드를 연속으로 했을 때 두번째 액션 부터 취소하고 토스트 보여주어야 하는 상황 특정 액션이 연속 해서 일어났을 때 이전 액션 취소되고 가장 마지막에 실행된 액션이 실행되는 takeLatest의 경우, 처음으로 시작된 액션이 시작되는 것이 아닌 가장 마지막에 실행된 액션이 실행되는 것이기에 맞지 않음 → 처음 액션이 실행되고 그 후 액션이 취소 되어야함 작성해본 코드 ( 문제 발생 ... redux sagaredux비동기redux #10 Today I Learned - 21.01.16 mini project : Redux Movie App antd : import antd css 링크 🔗 - antd 플러그인을 사용하려면 css 파일을 직접 import 해야 한다 드디어 리액트로 만드는 첫 프로젝트를 만들어보려고 한다 주제는 예전부터 너무 하고 싶었던 영화 앱 클론하기 시작은 어렵지만 첫 발자국을 찍는다는게 정말 중요하다 어쩜 그리 겁이 나는지 다 막막해보인다ㅠ 그래도 파... mini projectredux sagareact reduxReactreduxantdredux-movie-appReact Redux-saga 사용법 기존에 Redux는 dispatch가 동기적으로 바께 수행이안된다. 백엔드에서 데이터를 store로 불러올때 동기적으로 불러오면 문제가 생길수가있다. 그래서 비동기적으로 불러올수 있는 방법이 필요했다 그래서 필요했던게 redux-saga 이다 redux-saga는 redux의 middleware이다 dispatch를 비동기적으로 수행할수있도록 도와준다. 또한 기존에 redux에서 보완하지 못... redux sagareduxredux Redux Saga Redux Saga는 Redux 사용 중에 필요한 비동기 작업을 쉽게 처리하도록 도와주는 라이브러리 select: redux 저장소에서 값을 가져올 때 사용 call: 비동기 요청 함수를 실행할 때 사용 put: redux 저장소의 값을 업데이트하는 action을 dispatch할 때 사용 take: redux의 action이 dispatch되면 saga를 실행하도록 action을 구독할 때... if kakao 2020redux sagaif kakao 2020